
<!--header-->
<header class="header container">
  <!-- logo-->
  <h1 class="logo"><a href="index.html"></a></h1>
  <!-- 右侧内容-->
  <div class="h_r">
    <!-- 顶部链接-->
    <ul class="h_link clearfloat">
      <li class="phone">4000-585-116</li>
      <li><a href="">中文</a></li>
      <li><em>|</em></li>
      <li><a href="">English</a></li>
      <li><a href="" class="weixin"></a></li>
      <li><a href="" class="weibo"></a></li>
      <!-- 未登录前-->
      <li><a href="" class="h_login">登录</a></li>
      <li><em>|</em></li>
      <li><a href="" class="h_register">注册</a></li>
      <!-- 当登录成功后-->
      <li class="h_user"><a href="">admin</a></li>
      <li class="h_quit"><a href="">退出</a></li>
    </ul>
    <!-- 搜索框-->
    <div class="search">
      <button type="button"></button>
      <input type="text" placeholder="产品搜索"/>

    </div>
  </div>
</header>

<!--nav-->
<nav class="navbar">
  <div class="container">
    <!-- 导航-->
    <ul class="nav">
      <li class="home active"><a href=""><em class="icon_home"></em>首页</a></li>
      <li><a href="">关于净美仕</a></li>
      <li><a href="">公司动态</a></li>
      <li class="n_product">
        <a href="">产品中心<em class="icon_sj"></em></a>
        <ul class="np_dropdown">
          <li><a href="">净美仕净化器</a></li>
          <li><a href="">净美仕滤网</a></li>
        </ul>
      </li>
      <li><a href="">联系我们</a></li>
    </ul>
    <!-- 购物车-->
    <div class="n_cart">
      <a href=""><em class="icon_cart"></em>购物车(<span>0</span>)<em class="icon_sj2"></em></a>
      <!-- 购物车下拉菜单-->
      <div class="cart_dropdown">
        <ul>
          <li>
            <a href=""><img src="product-imgs/jhq-at50.jpg" alt=""/></a>
            <div>
              <span>-</span><input type="text" value="2"/><span>+</span>
            </div>
            <strong>¥1599.00</strong>
            <em></em>
          </li>
          <li>
            <a href=""><img src="product-imgs/jhq-at50.jpg" alt=""/></a>
            <div>
              <span>-</span><input type="text" value="2"/><span>+</span>
            </div>
            <strong>¥1599.00</strong>
            <em></em>
          </li>
        </ul>
        <div></div>
      </div>
    </div>
  </div>
</nav>


